
/*
=pod

=head1 BASE INFORMATION

=head2 Filename

base.css

=head2 Path

/root/static/css/catwork/

=head2 Notes

=head2 ToDo's

=head2 Revision$

=over

=item *

$HeadURL: http://catwork.googlecode.com/svn/trunk/root/static/css/catwork/core.css $

=item * 

$Id: core.css 3 2011-03-21 17:56:59Z hg.winkler.77 $

=back

=head1 NAME

catwork::base - cascading stylesheet

=head1 DESCRIPTION

this is the base css for the catwork UI

=head1 STYLESHEETS

=head2 Text Styles

=head3 ui-text

=begin html

<div class="ui-text">Hallo Welt</div>

=end html

=cut
*/

.ui-text {
   font-family : Verdana, Arial, sans-serif, Trebuchet MS, Tahoma;
   font-style : normal;
}
/*
=pod

=head3 ui-bold

=begin html

<div class="ui-bold">Hallo Welt</div>

=end html

=cut
*/
.ui-bold {
   font-weight: bold;
}
/*
=pod

=head3 ui-blue

=begin html

<div class="ui-blue">Hallo Welt</div>

=end html

=cut
*/
.ui-blue {
   color : #31659C;
}
/*
=pod

=head3 ui-red

=begin html

<div class="ui-red">Hallo Welt</div>

=end html

=cut
*/
.ui-red {
   color : #DF1B1B;
}
/*
=pod

=head3 ui-green

=begin html

<div class="ui-green">Hallo Welt</div>

=end html

=cut
*/
.ui-green {
   color : #26CF3D;
}
/*
=pod

=head3 ui-orange

=begin html

<div class="ui-orange">Hallo Welt</div>

=end html

=cut
*/
.ui-orange {
   color : #FF6300;
}

.ui-small {
   font-size : 9px;
}
/*
=pod

=head3 ui-normal

=begin html

<div class="ui-normal">Hallo Welt</div>

=end html

=cut
*/
.ui-normal {
   font-size : 12px;
}
/*
=pod

=head3 ui-big

=begin html

<div class="ui-big">Hallo Welt</div>

=end html

=cut
*/
.ui-big {
   font-size : 16px;
}
/*
=pod

=head3 ui-hidden

=begin html

<div class="ui-hidden">Hallo Welt</div>

=end html

=cut
*/
.ui-hidden { 
    display: none;
    position:absolute;
    top:0;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden; 
}
/*
=pod

=head2 Input Fields

=head3 ui-field

=begin html

<div class="ui-field">Hallo Welt</div>

=end html

=cut
*/
.ui-field {
   padding-top:2px;
   padding-bottom:2px;
   padding-left:6px;
   padding-right:6px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}
/*
=pod

=head3 ui-ifield

=begin html

<div class="ui-ifield">Hallo Welt</div>

=end html

=cut
*/
.ui-ifield {
   background: #B3CBE8 url(/static/images/jquery/ui/ui-bg_highlight-soft_75_b3cbe8_1x100.png) 50% 50% repeat-x;
   border: 1px solid #9dbce2;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}
/*
=pod

=head3 ui-tfield

=begin html

<div class="ui-tfield">Hallo Welt</div>

=end html

=cut
*/
.ui-tfield {
   background: #B3CBE8 url(/static/images/jquery/ui/ui-bg_highlight-soft_75_b3cbe8_1x100.png) 50% top repeat-x;
   border: 1px solid #9dbce2;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}
/*
=pod

=head3 ui-fname

=begin html

<div class="ui-fname">Hallo Welt</div>

=end html

=cut
*/
.ui-fname {
   border-bottom:1px solid #B3CBE8;
   padding-right:5px;
   white-space: nowrap;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:3px;
   padding-right:10px;
}
/*
=pod

=head3 ui-outer-border

=begin html

<div class="ui-outer-border">Hallo Welt</div>

=end html

=cut
*/
.ui-outer-border {
   padding-top:5px;
   padding-bottom:5px;
   padding-left:10px;
   padding-right:10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #B5C8DF; /*B3CBE8*/
   background: #fafcfc url(/static/static/images/jquery/ui/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% top repeat-x;
   color: #222222;
   box-shadow: 0px 0px 6px #bbb;
   -moz-box-shadow: 0px 0px 6px #bbb;
   -webkit-box-shadow: 0px 0px 6px #bbb;
}

/*
=pod

=head2 Messages

=head3 ui-error-messages

=begin html

<div class="ui-error-messages">Hallo Welt</div>

=end html

=cut
*/
.ui-error-messages {
   color: #ffffff;
   background: url(/static/images/jquery/ui/ui-bg_diagonals-thick_18_8a1300_40x40.png) 50% 50% repeat;
}
/*
=pod

=head3 ui-info-messages

=begin html

<div class="ui-info-messages">Hallo Welt</div>

=end html

=cut
*/
.ui-info-messages {
   color: #EFF7FF;
   background: #637b94 url(/static/images/jquery/ui/ui-bg_diagonals-thick_20_637b94_40x40.png) 50% 50% repeat;
}
/*
=pod

=head3 ui-warning-messages

=begin html

<div class="ui-warning-messages">Hallo Welt</div>

=end html

=cut
*/
.ui-warning-messages {
   color: #FFFEEF;
   background: #cc6e00 url(/static/images/jquery/ui/ui-bg_diagonals-thick_18_cc6e00_40x40.png) 50% 50% repeat;
}
/*
=pod

=head3 ui-error-box

=begin html

<div class="ui-error-box">Hallo Welt</div>

=end html

=cut
*/
.ui-error-box {

   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   background: #E0EAF5 url(/static/images/jquery/ui/ui-bg_highlight-soft_100_e0eaf5_1x100.png) 50% top repeat-x;
   border: 1px solid #31659C;

}
/*
=pod

=head2 Text Styles

=head3 ui-info-text

=begin html

<div class="ui-info-text">Hallo Welt</div>

=end html

=cut
*/
.ui-info-text {
   font-family:Verdana, Arial, sans-serif, Trebuchet MS, Tahoma;
   font-size: 1em;
   color: #2C5F23;
}
/*
=pod

=head3 ui-middle-info-text

=begin html

<div class="ui-middle-info-text">Hallo Welt</div>

=end html

=cut
*/
.ui-middle-info-text {
   font-family:Verdana, Arial, sans-serif, Trebuchet MS, Tahoma;
   font-size: 1.2em;
   color: #2C5F23;
}
/*
=pod

=head3 ui-error-text

=begin html

<div class="ui-error-text">Hallo Welt</div>

=end html

=cut
*/
.ui-error-text {
   font-family:Verdana, Arial, sans-serif, Trebuchet MS, Tahoma;
   font-size: 1em;
   color: #9F3131;
}
/*
=pod

=head3 ui-middle-error-text

=begin html

<div class="ui-middle-error-text">Hallo Welt</div>

=end html

=cut
*/
.ui-middle-error-text {
   font-family:Verdana, Arial, sans-serif, Trebuchet MS, Tahoma;
   font-size: 1.2em;
   color: #9F3131;
}
/*
=pod

=head2 Misc

=head3 ui-shadow-1

=begin html

<div class="ui-warning-text">Hallo Welt</div>

=end html

=cut
*/
.ui-warning-text {
   font-family:Verdana, Arial, sans-serif, Trebuchet MS, Tahoma;
   font-size: 1em;
   color: #9F3131;
}
/*
=pod

=head2 Misc

=head3 ui-shadow-1

=begin html

<div class="ui-shadow-1">Hallo Welt</div>

=end html

=cut
*/
.ui-shadow-1 {
   box-shadow: 0px 0px 6px #bbb;
   -moz-box-shadow: 0px 0px 6px #bbb;
   -webkit-box-shadow: 0px 0px 6px #bbb;
}

/*
=pod

=head3 ui-shadow-2

=begin html

<div class="ui-shadow-2">Hallo Welt</div>

=end html

=cut
*/

.ui-shadow-2 {
   box-shadow: 1px 1px 6px #bbb;
   -moz-box-shadow: 1px 1px 6px #bbb;
   -webkit-box-shadow: 1px 1px 6px #bbb;
}
/*
=pod

=head3 ui-search-result

=begin html

<div class="ui-search-result">Hallo Welt</div>

=end html

=cut
*/
.ui-search-result {
   color: #FFFEEF;
   background: #cc6e00;
}
/*
=pod

=head3 ui-state-info

=begin html

<div class="ui-state-info">Hallo Welt</div>

=end html

=cut
*/
.ui-state-info {
    border: 1px solid #76BF5F; 
    background: #8dc100 url(/static/images/jquery/ui/ui-bg_highlight-soft_75_8dc100_1x100.png) 50% top repeat-x; 
    color: #363636; 
}

/*
=pod

=head1 AUTHOR

Hans-Georg Winkler,,,

=head1 LICENSE

This library is free software. You can redistribute it and/or modify
it under the same terms as Perl itself.

=cut
*/
